<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>四种样式表使用</title>
		<!--html部分		-->
		</style>
		/*css注释方式*/
		/*css部分： 选择器：抓住页面元素，元素增加效果
		选择器{}
		*/
		p{
			width:200px;
			height:200px;
			background:#e4393c;   /*16进制色值*/
		}
		</style>
	</head>
	<body>
		<!--  网页：骨架 html5  元素  属性与属性值【做效果、做样式】
		 样式 css 专门做样式 、叫做样式表
		 css出现 实现 内容与表现分离：html骨架 css样式 元素自带属性与属性-->
		
		<div style="width:200px; height:200px; background:#e4393c; ">
		<p>段落</p>
		<span>一行内容</span>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea assumenda ipsam esse quo facere vero quis impedit voluptates, iste nam itaque nostrum nihil eligendi quasi unde. Non perspiciatis doloribus et?
	</body>
</html>
